<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.css"/>
    <script src="./bower_components/requirejs/require.js"></script>

    <title>Document</title>
</head>
<body>
<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="panel-title">
            index.html
        </div>
    </div>
    <div class="panel-body">
          <h1></h1>
          <button class="btn btn-success btn-block">loadPage</button>
    </div>
</div>
<script>
    requirejs.config({
        paths: {
            'jquery': './bower_components/jquery/dist/jquery'
        }
    });
    require(['require',"./portal",'jquery'],function(require,portal,jquery){
        $('.panel-body>h1').text('currentUrl:' + location.href);
        $('.btn-success').on('click',function(){
            portal.loadPage({
                url:location.href + "#" + new Date().getTime()
            });
        });
    });
</script>
</body>
</html>